<?xml version="1.0" encoding="UTF-8" ?>
<html>
	<body>
		<wicket:extend xmlns:wicket="http://wicket.apache.org">
		
			<p wicket:id="stacked">
				<input type="radio" wicket:id="no" /> <label wicket:for="no">nested</label>
				<input type="radio" wicket:id="yes" /> <label wicket:for="yes">stacked dialogs</label> 
			</p>
			
			<div wicket:id="start"></div>
			
			<div wicket:id="stackedDialogs"></div>	
			
			<wicket:fragment wicket:id="fragment">
				<form wicket:id="form" class="modal-dialog-form">
					<h1 class="modal-dialog-header">Header</h1>
						
					<div class="modal-dialog-body">
						<p>
							<input type="text" wicket:id="text" placeholder="Focus and press ENTER to open dialog" size="32" autofocus="autofocus"/>
						</p>
					
						<div wicket:id="lorem"></div>	
						<a wicket:id="ipsum">Lorem...</a>	
			
						<div wicket:id="nestedDialog"></div>
					</div>
						
					<div class="modal-dialog-footer">
						<a wicket:id="openDialog">Open dialog</a>
							|
						<a wicket:id="ajaxOpenDialog">via Ajax</a>
							
						<span wicket:id="closing">
							|
							<a wicket:id="close">Close dialog</a>
							|
							via Ajax by pressing ESC
						</span>
					</div>
				</form>
			</wicket:fragment>
		
		</wicket:extend>
	</body>
</html>